<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
	 <!-- Required meta tags -->
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
  <title>Purple Admin</title>
  <!-- plugins:css -->
  <link rel="stylesheet" href="../../vendors/iconfonts/mdi/css/materialdesignicons.min.css"/>
  <link rel="stylesheet" href="../../static/vendors/css/vendor.bundle.base.css"/>
  <!-- endinject -->
  <!-- plugin css for this page -->
  <link rel="stylesheet" href="../../node_modules/jqvmap/dist/jqvmap.min.css" />
  <!-- End plugin css for this page -->
  <!-- inject:css -->
  <link rel="stylesheet" href="../../css/style.css"/>
  <!-- endinject -->
  <link rel="shortcut icon" href="../../images/favicon.png" />


</head>
<body>
	<div class="col-lg-12 stretch-card">
              <div class="card">
                <div class="card-body">
                  <h4 class="card-title">
				  <button type="button" class="btn btn-gradient-primary btn-rounded btn-icon">
                          <i class="mdi mdi-home-outline"></i>
                        </button>
					<!-- <i class="mdi mdi-home-variant"></i>	 -->
				  <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">首页/财务管理/财务款项台账/本息收支对帐日志</font></font></h4>

                  <span class="card-description"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                    数据列表 </font></font>
                  </span>
				  <div style="position:relative;left:90%;">
				  <button type="button" class="btn btn-gradient-light"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">导出</font></font></button>
                  </div>
				  <table class="table table-bordered">
                    <thead>
                      <tr>
                        <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          对账日期
                        </font></font></th>
                        <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          借款编号
                        </font></font></th>
                        <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          本金（元）
                        </font></font></th>
                        <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          利息（元）
                        </font></font></th>
                        <th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          对账人员
                        </font></font></th>
						<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          对账备注
                        </font></font></th>
						<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          冲正说明
                        </font></font></th>
						<th><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                          操作
                        </font></font></th>
                      </tr>
                    </thead>
                    <tbody>
                    <tr th:each="app:${inoutList}">
                      <td th:text="${app.verifyDate}"></td>
                      <td th:text="${app.after.loanId}"></td>
                      <td th:text="${app.after.principal}"></td>
                      <td th:text="${app.after.interest}"></td>
                      <td th:text="${app.verifyName}"></td>
                      <!--<td th:text="${app.verifyStatus}"></td>-->
                      <td th:if="${app.verifyStatus eq 1}" th:text="未对账"></td>
                      <td th:if="${app.verifyStatus eq 2}" th:text="已对账"></td>
                      <td th:if="${app.verifyStatus eq 3}" th:text="异常"></td>
                      <td th:if="${app.verifyStatus eq 4}" th:text="冲正"></td>
                      <td th:text="${app.verifySay}"></td>
                      <td><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                        <a href="javascript:;" th:onclick="'del(this)'" th:attr="rId=${app.rId }">撤销</a>
                      </font></font></td>
                    </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
    <script type="text/javascript" th:src="@{/js/jquery-1.8.3.min.js}"></script>
    <script type="text/javascript" th:src="@{/layer/layer.js}"></script>
    <script type="text/javascript" th:src="@{/js/time.js}"></script>
    <script type="text/javascript">
      //删除用户
      function del(ele) {
        var $ele = $(ele);
        var rId = $ele.attr('rId');
        alert("确定撤销？");
        $.ajax({
          url: '/ysy/delInout/' + rId + "",
          type: 'get',
          data: '',
          dataType: 'json',
          success: function (data) {//{'success':xx,'msg':'xxxx'}
            if (data.success) {
              alert("成功");
              //页面删除行
              $("#Conframe").load("/ysy/inOut?currentPageNo=1");
            } else {
              alert("失败");

            }
          }
        });
      }
    </script>
</body>
</html>